    .loginBox{
        background: url("../images/index1.jpg")   no-repeat;
        background-size: cover;
        height:100%;
        width:100%;
        /* overflow: hidden; */
        position:absolute;
        /* vertical-align: middle; */
    }
    img{
        width: auto;
        height: auto;
        max-height: 100%;
        max-width: 100%
    }
    .loginTitle{
        margin-top: 150px;
        font-size: 28px;
    }
     .loginback{
        height:100%;
        width:100%;
        overflow: hidden;
        position:absolute;
        vertical-align: middle;
    }
    .loginDiv{/*登录框*/
        /*background-color: #C6D2B2;*/
        text-align: center;
        box-shadow: 0px 0px 10px #699FA3 inset;
        padding:24px 24px 0px 24px;
        border-radius: 15px;
        background-color: #F9FAFA;
        /* filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; */
    }
    h1{
        font-size:30px;
        text-align: center;
        color: #0069BD;
        margin-bottom:0px;
    }
    .title{
        margin-bottom: 30px; 
    }
    .imgCode{
        float: right;
    }

   .demo-spin-icon-load{
        animation: ani-demo-spin 1s linear infinite;
    }
    @keyframes ani-demo-spin {
        from { transform: rotate(0deg);}
        50%  { transform: rotate(180deg);}
        to   { transform: rotate(360deg);}
    }
    .demo-spin-col{
        height: 100px;
        position: relative;
        border: 1px solid #eee;
    }
    .code {
        background-color: #eeeeee;
        font-family: Arial;
        font-style: italic;
        color: #60635F;
        font-size: 24px;
        border: 0;
        padding: 2px 3px;
        letter-spacing: 3px;
        font-weight: bolder;
        float: left;
        cursor: pointer;
        width: 90px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        vertical-align: middle;
        border-radius: 5px;
        float: right;
}
